/*
 * @Author: lyx 2858535420@qq.com
 * @Date: 2022-10-10 22:31:07
 * @LastEditors: lyx 2858535420@qq.com
 * @LastEditTime: 2023-04-28 14:44:24
 * @FilePath: /antd-vue2-template/src/components/SettingDrawer/settingConfig.js
 * @Description: 
 */
import message from 'ant-design-vue/es/message';
// import defaultSettings from '../defaultSettings';
import themeColor from './themeColor.js';

// let lessNodesAppended
const colorList = [
  {
    key: '薄暮', color: '#F5222D'
  },
  {
    key: '火山', color: '#FA541C'
  },
  {
    key: '日暮', color: '#FAAD14'
  },
  {
    key: '明青', color: '#13C2C2'
  },
  {
    key: '极光绿', color: '#52C41A'
  },
  {
    key: '拂晓蓝（默认）', color: '#1890FF'
  },
  {
    key: '极客蓝', color: '#2F54EB'
  },
  {
    key: '酱紫', color: '#722ED1'
  }
];

// header preset color
export const HEADER_PRESET_BG_COLOR_LIST = [
  '#ffffff',
  '#151515',
  '#009688',
  '#5172DC',
  '#018ffb',
  '#409eff',
  '#e74c3c',
  '#24292e',
  '#394664',
  '#001529',
  '#383f45'
];

// sider preset color
export const SIDE_BAR_BG_COLOR_LIST = [
  '#001529',
  '#212121',
  '#273352',
  '#ffffff',
  '#191b24',
  '#191a23',
  '#304156',
  '#001628',
  '#28333E',
  '#344058',
  '#383f45'
];

const updateTheme = newPrimaryColor => {
  const hideMessage = message.loading('正在切换主题！', 0);
  themeColor.changeColor(newPrimaryColor).finally(() => {
    setTimeout(() => {
      hideMessage();
    }, 10);
  });
};

const updateColorWeak = colorWeak => {
  // document.body.className = colorWeak ? 'colorWeak' : '';
  const app = document.body.querySelector('#app');
  colorWeak ? app.classList.add('colorWeak') : app.classList.remove('colorWeak');
};

export { updateTheme, colorList, updateColorWeak };
